<template>
    <div>
        <van-tree-select height=93vh :items="items" :main-active-index.sync="active">
  <template #content>
    <van-image
      v-if="active === 0"
      src="https://img01.yzcdn.cn/vant/apple-1.jpg"
    />
    <van-image
      v-if="active === 1"
      src="https://img01.yzcdn.cn/vant/apple-2.jpg"
    />
  </template>
</van-tree-select>
    </div>
</template>
<script>
import {getEmployeeQuery} from "../service/home"
export default {
  data() {
    return {
      active: 0,
      items: [{ text: '检测报告' }, { text: '外观图' }],
    };
   
  },
  methods:{
        async getEmployeeQuerys(){
            let res=await getEmployeeQuery();
            console.log(res);
        }
    },
    created(){
        this.getEmployeeQuerys()
    }
};
</script>
<style scoped lang="scss">
 .van-sidebar-item--select:active {
    background: rgb(239, 239, 239);
}
.van-tree-select__nav{
    background: rgb(239, 239, 239);
    .van-sidebar-item--select[data-v-9ea40744]{
        background: rgb(255, 253, 253);
    }
}
</style>